<!-- 表格内容 BEGIN -->
<div class="table-margin">
  <div class="table-header" [ngClass]="{'table-header-ov':tabVal?.length>=20}">
      <table class="table table-bordered table-header">
          <thead>
              <tr>
                  <td class="w5 text-center">序号</td>
                  <td class="w20 text-left">记录时间</td>
                  <td class="w10 text-center">日志级别</td>
                  <td class="w20 text-left">自定义信息</td>
                  <td class="w40 text-left">异常信息</td>
                  <td class="w5 text-left">操作</td>
              </tr>
          </thead>
      </table>   
    </div>
    <div class="table-body">
      <table class="table table-bordered table-header">    
          <tbody>
              <tr *ngFor="let val of tabVal; let  i = index;" [ngClass]="{'active':i%2!=0}">
                  <td class="w5 text-center">{{tableNumber+i+1}}</td>
                  <td class="w20 text-left max-w" title="{{val.logTime | date:'yyyy-MM-dd'}}">{{val.logTime | date:'yyyy-MM-dd'}}</td>
                  <td class="w10 text-center max-w" title="{{val.level}}">
                      <span *ngIf="val.level == 1">Error</span>
                      <span *ngIf="val.level == 2">Debug</span>
                      <span *ngIf="val.level == 3">Info</span>
                      <span *ngIf="val.level == 4">Fatal</span>
                  </td>
                  <td class="w20 text-left max-w" title="{{val.message}}">{{val.message}}</td>
                  <td class="w40 text-left max-w" title="{{val.exception}}">{{val.exception}}</td>
                  <td class="w5 text-center icon-td">
                    <span class="btn-i" title="详情" data-toggle="modal" data-target="#details" (click)="details(val)" *ngIf="right['journal']['details']">
                        <img width="14px" height="10px" src="assets/right-product/view.png">
                    </span>
                  </td>
              </tr>
          </tbody>
      </table>
    </div>
</div>
<!-- 表格内容 END -->

